<#include "/common/head.ftl">

<br/>

<div style="margin-bottom:10px;text-align:center">
	<form>
		<span style="font-weight:bold">${i18n.getMessage('fromDate')}</span>:
		<input type="text" id="fromDate" value="${fromDate?date}" style="width:100px"/><img class="calendarImg" src="../images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].fromDate, '${i18n.getMessage('format.date')}', this)"/>
		<span style="font-weight:bold">${i18n.getMessage('toDate')}</span>:
		<input type="text" id="toDate" value="${toDate?date}" style="width:100px"/><img class="calendarImg" src="../images/calendar/calendar.gif" onclick="displayCalendar(document.forms[0].toDate, '${i18n.getMessage('format.date')}', this)"/>
		<input type="button" value="${i18n.getMessage('search')}" onclick="searchSchedule()" class="button_style"/> 
	</form>
</div>

<div id="scheduleSearchResultDiv"></div>

<br/>

<script>
	searchSchedule = function() {
		$('scheduleSearchResultDiv').innerHTML = '';
		var url = 'esl/searchSchedule.sgt?fromDate=' + $('fromDate').value + '&toDate=' + $('toDate').value;
		loadata('scheduleSearchResultDiv', url);
	}
	
	searchSchedule();
</script>